<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
<link type="text/css" href="<%=basePath %>css/login_reg.css" rel="stylesheet">

</head>
<body>
<input type="hidden" id="basePath" value="<%=basePath %>">
<div class="outline">
	<div class="head_message">
		<span>光谱分析系统 用户登录</span>
	</div>
	
	<div class="split_line">
	</div>
	
	<div id="login_div" class="login_div">
		<form id="loginForm" action="loginAction" method="post">
			<div class="name_div">
				<div class="inner_div">
				<span class="tag_span">用户名：</span>
				<input class="input_class" type="text" id="loginName" name="user.username">
				<span id="loginNameValidMsg" class="message"></span>
				</div>
			</div>
			<div class="log_ps_div">
				<div class="inner_div">
				<span class="tag_span">密码：</span>
				<input class="input_class" type="password" id="loginPw" name="user.password">
				<span id="loginPwValidMsg" class="message"></span>
				</div>
			</div>
			<div class="log_code_div">
				<div class="inner_div">
				<span class="tag_span">验证码：</span>
				<input class="input_class" type="text" name="securityCode" id="securityCode">
				<img src="SecurityCodeImageAction" id="securityCodeImg" alt="图片未打卡"/>
				<span id="vCodeMsg"></span>
				</div>
			</div>
			<div class="log_but_div">
				<input type="button" value="点击登录" id="loginBut">
			</div>
			<div class="want_forget">
				<span id="wantRis" class="">注册账号</span>
				<span id="forgetPw" class="">忘记密码？</span>
			</div>
		</form>
	</div>
	
	
	<div>
		<div id="regDiv" class="register_div">
			<div>
				<div class="head_message">
					<span>光谱分析系统 用户注册</span>
				</div>
			</div>
			<div class="split_line">
		    </div>
			<div class="content">
				<div class="name_div">
					<span class="tag_span">用户名：</span>
					<input class="input_class" type="text" id="usernameText">
					<span id="nameValidMsg" class="message"></span>
				</div>
				<div>
					<span class="tag_span">密码：</span>
					<input class="input_class" type="password" id="pw1">
					<span id="pwValidMsg" class="message"></span>
				</div>
				<div>
					<span class="tag_span">确认密码：</span>
					<input class="input_class" type="password" id="pw2">
					<span id="pwReValidMsg" class="message"></span>
				</div>
			
				<div>
					<span class="tag_span">电子邮箱：</span>
					<input class="input_class" type="text" id="userEmailText">
					<span id="EmlValidMsg" class="message">(非必填，可用于找回密码)</span>
				</div>
			</div>
			
			<div class="but_div">
				<input type="button" value="点击注册" id="registSubmit">
			</div>
			
			<div id="regResDiv" class="reg_success">
				<span id="regResSpan"></span>
			</div>
		</div>
		
		<div id="findPwDiv" class="find_pw_div">
			<div>
				<div class="head_message">
					<span>光谱分析系统 找回密码</span>
				</div>
			</div>
			<div class="split_line">
		    </div>
		    <div class="find_pw_content">
		    	<span class="tag_span">请输入已注册邮箱：</span>
		    	<input class="input_class" type="text" id="findPwEmail">
		    	<span id="findPwMsg" class="message">找回密码</span>
		    </div>
		    <div class="but_div">
				<input type="button" value="点击提交" id="findPwSubmit">
			</div>
			<div id="" class="find_success">
				<span id="findSucSpan"></span>
			</div>
		</div>
	</div>
	
</div>
</body>
<script type="text/javascript" src="<%=basePath %>js/jquery/jquery-2.0.3.js"></script>
<script type="text/javascript" src="<%=basePath %>js/login_res.js"></script>
</html>